<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title></title>
    <link rel="stylesheet" href="<%=path%>/heatconfig/css/common.css"/>
    <link rel="stylesheet" href="<%=path%>/heatconfig/css/login.css"/>
    <script src="<%=path%>/heatconfig/js/jquery-3.5.1.min.js"></script>
</head>
<body>
<%--<div id="zhuce">注册</div>--%>
<div id="login"></div>
<div class="login_bg">
    <form action="<%=path%>/login" method="post" id="myform">
        <div class="userName">
            <lable>+86</lable>
            <input type="text" name="phoneNumber" id="phoneNumber" placeholder="&nbsp;&nbsp;请输入手机号" pattern="[0-9A-Za-z]{6,16}" required/>
        </div>
        <div class="passWord">
            <lable>&nbsp;&nbsp;&nbsp;</lable>
            <input type="password" name="userPass" id="password" placeholder="&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;请输入密码" pattern="[0-9A-Za-z]{6,25}" required/>
            <span id="passwordRs"></span>
        </div>
        <div class="choose_box">
            <div>
                <input type="checkbox" checked="checked" name="checkbox" id="rememberMe"/>
                <lable>记住密码</lable>
            </div>
            <a href="newPassword.html">忘记密码</a>
        </div>
        <button class="login_btn" type="submit">登录</button>
    </form>
    <div class="other_login">
        <span>点击登录按钮代表您已同意用户协议和隐私政策</span>
    </div>
    <div class="other_choose">
        <a href="">
            <img src="<%=path%>/heatconfig/images/qq.png" alt=""/>
        </a>
        <a href="">
            <img src="<%=path%>/heatconfig/images/wx.png" alt=""/>
        </a>
        <a href="">
            <img src="<%=path%>/heatconfig/images/wb.png" alt=""/>
        </a>
    </div>
</div>
</body>
</html>
<%--
<script>
/*判断密码是否为空*/
   $(function () {
        $("#password").blur(function () {
            var password = $("#password").val();
            if(password=="") {
                $("#passwordRs").html("x");
                $("#passwordRs").css("color","red");
            }
            else{
                $("#passwordRs").html("√");
                $("#passwordRs").css("color","green");
            }
            $("#myform").submit();
        });

    });
</script>--%>
